<template>
  <!-- 长条广告 -->
  <div class="long-box">
    <img v-lazy="wideGoods[0].img" alt="" v-if="wideGoods.length">
    <button @click="editItem('advinfo')">编辑</button>
  </div>
</template>

<script>

export default {
  props: {
    floorId: String,
    wideGoods: {
      type: Array,
      default: () => {
        return []
      }
    }
  },
  methods: {
    editItem() {
      this.$emit('on-edit', this.floorId, 'advinfo', '')
    }
  }
}
</script>

<style lang='scss' scoped>
@import '../../../scss/_var.scss';
.long-box {
  width: 100%;
  height: 56px;
  background: $bg-gray;
  position: relative;
  button {
    width: 40px;
    height: 20px;
    border-radius: 10px;
    background: $color-main;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 12px;
  }
}
</style>
